<template>
  <div>
    <div class="house-list">
      <div class="media2" v-for="(item, index) in listData" :key="index">
        <div class="pic">
          <a
            :href="jump + '/' + item.estateId + '.html'"
            target="_blank"
          >
            <el-image
              :src="item.imgUrl || ''"
              :alt="item.name"
              :title="item.name"
              fit="cover"
              lazy
              style="width: 100%; height: 100%"
            ></el-image>
          </a>
        </div>
        <div class="text">
          <h4>
            <a :href="jump + '/' + item.estateId + '.html'" target="_blank"
              >{{ item.shortRegionName }}-{{ item.name }}</a
            >
          </h4>
          <div class="price">
            <a
              :href="jump + '/' + item.estateId + '.html'"
              target="_blank"
              >{{ item.meterPrice ? item.meterPrice + "元/㎡" : "待定" }}</a
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    listData: {
      type: Array,
      default: [],
    },
    jump: {
      type: String,
      default: "",
    },
  },
};
</script>